<script setup>
    import Information from './Infomation.vue';
    import HotSong from './HotSong.vue';
    import List from './List.vue'

    import { useRoute } from 'vue-router';
    const route = useRoute();
    let id = route.query.id;
</script>

<template>
    <main class="main">
        <article>
            <Information :id="id"></Information>
            <List></List>
        </article>

    </main>
    <UserFooter></UserFooter>
</template>

<style lang='less' scoped>
    main{
        display: flex;
        padding: 0px 40px; 
        article{
            margin-top: 40px;
            width: 100%;
            margin-bottom: 40px;
        }
    }
</style>